﻿.port_frame {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 0;
    background-color: #FFF;
    border-radius: 4px;
    height: 420px;
    width: 1200px;
    background: #F9F9F9;
    background: -gradient(linear, left top, left 24, from(rgba(238, 238, 238, 0.33)), color-stop(4%, rgba(255, 255, 255, 0.33)), to(rgba(238, 238, 238, 0.33)));
    background: -webkit-gradient(linear, left top, left 24, from(rgba(238, 238, 238, 0.33)), color-stop(4%, rgba(255, 255, 255, 0.33)), to(rgba(238, 238, 238, 0.33)));
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 0.33), rgba(255, 255, 255, 0.33) 1px, rgba(238, 238, 238, 0.33) 24px);
    background: -o-linear-gradient(top, rgba(238, 238, 238, 0.33), rgba(255, 255, 255, 0.33) 1px, rgba(238, 238, 238, 0.33) 24px);
}

    .port_frame:before {
        content: '';
        position: absolute;
        z-index: -1;
        border: 1px dashed #CCC;
        top: 5px;
        bottom: 5px;
        left: 5px;
        right: 5px;
        box-shadow: 0 0 0 1px #FFF;
    }
